@charset "utf-8";
@font-face {
	font-family: "Segoe UI";}
body{
	width: 100%;
	font-family: Verdana;
}
/* CSS Document */

/****************************** 111 ************************************/
@media only screen and (min-width: 1500px) 
{
	body {
	width: 100%; /*1350px; */
	margin: 0 auto;
	float: none;
	text-align: center;
	}

	
	.cuadroCentral #cuadros{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width: 60%;
	height: 750px;
	border-bottom:1px solid #A3BAC6;
}
	
	#cuadros #sidebar1, #sidebar2, #sidebar3, #sidebar4  {
	float: left;
	text-align: center;
	max-width: 25%;
	height: 730px;
}
	
#sidebar1 #cuadro1{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 720px;}
#sidebar2 #cuadro2{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 720px;}
#sidebar3 #cuadro3{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 720px;}
#sidebar4 #cuadro4{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 720px;}

	#footer  #testimonios{
	float: left;
	width: 30%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

	.cuadroCentral .blanco{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width:80%;
	background-color:white;
	color: #808080;
	height: 48em;
}
	

	
}

/*****************************  222 *************************************/
@media (min-width:768px) and (max-width:1229px)
{
	body {
	width: 100%; 
	margin: 0 auto;
	float: none;
	text-align: center;
	}
	
	#info{
	width: 100%;
	height: auto;
	background-color: #000000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding:0 0 0 0;
}
   .cuadroCentral #cuadros{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width: 60%;
	height: 500px;
	border-bottom:1px solid #A3BAC6;
}
	
	.cuadroCentral #sidebar1, #sidebar2, #sidebar3, #sidebar4  {
	float: left;
	text-align: center;
	max-width: 25%;
	height: 450px;
}
	
#sidebar1 #cuadro1{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 430px;}
#sidebar2 #cuadro2{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 430px;}
#sidebar3 #cuadro3{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 430px;}
#sidebar4 #cuadro4{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 430px;}

	.cuadroCentral #formaContactos { 
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center
}
#imagenTMK #infoContactos{clear: both; margin-left: 12%; width: 50%;height: auto; float: left}
#imagenTMK #redesSoc{margin: 0 auto; width: 10%;float: left;  }
	
	#TMK{width: 50%}
	
	#footer  #testimonios{
	clear: both;
	width: 80%;
	height: auto;
	text-align: center;
	background: #f0f3f5;  
 }

#formaContactos #formulario{
	clear: both;
	margin: 0 auto;
	float:left;
	width: 100%;
	height:auto;
}
	
	

#formaContactos #imagenTMK{
	clear: both;
	margin: 0 auto;
	float: left;
	width: 100%;
}

	
.cuadroCentral #footer { 
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 47rem;
	text-align: center;
	border-bottom:1px solid #A3BAC6;
	background: #f0f3f5;
} 

#footer #ubicyTestim{
	margin: 0 auto;
	float: none;
	width: 90%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#ubic{width: 90%}
#footer #ubicacion{
	clear: both;
	margin: 0 auto;
	float: none;
	width: 90%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#footer  #testimonios{
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 15rem;
	text-align: center;
	background: #f0f3f5;
}	

#testimonios #testimonio1{
	float: left;
	height:14rem;
	width:15%;
	margin-left:29%;
	margin-right: 0.3%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}

#testimonios #testimonio2{
	float: left;
	height:14rem;
	width:15%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}
	
.copy{
	clear: both;
	top: 1em;
	text-align:center;            
    font-size: 9px;
}



/****    Galería     ****/

#acomodar{
	clear:both;
	width:90%;
	margin:0 auto;
	}

/****   Temarios *****/

	#nomCursoTem{font-size: 36px; text-align: center;height: 128px}
	
	#izq{text-align: center; }
	
	
	#acomodarCursos{
	width: 90%;
	margin: 0 auto;
	float: none;
	text-align: center;
}
	
#cursosPrincipal{
	clear:both;
	width:95%;
	margin:0 auto;
	}

/* .cursos{width:25%} */
	
}


	



/****************************** 33333 ************************************/
@media (max-width: 767px) {
	body {
	width: 100%; 
	margin: 0 auto;
	float: none;
	text-align: center;
	}
	
	#info{
	width: 100%;
	height: auto;
	background-color: #000000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding:0 0 0 0;
}
	
#logo{
	width: 30%; 
	margin: 0 auto;
	float: none;
	text-align: center;
	height: auto;
}

#ieds{
	width: 50%;
	margin:0 auto;
}



#menu{
	width: 100%; 
	margin: 0 auto;
	float: none;
	text-align: center;font-size: 10px;
}
	
	.subMenu{margin-top: -8px;clear: both}
	
   .cuadroCentral #cuadros{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width: 90%;
	height: 310px;
	border-bottom:1px solid #A3BAC6;
}
	
	#cuadros #sidebar1, #sidebar2, #sidebar3, #sidebar4  {
	float: left;
	text-align: center;
	max-width: 25%;
	max-height: 300px;
}
	
#sidebar1 #cuadro1{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}
#sidebar2 #cuadro2{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}
#sidebar3 #cuadro3{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}
#sidebar4 #cuadro4{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}

.cuadroCentral #infoIEDS{margin: 0 auto; float: none; clear: both; width:95%; height: auto; text-align:center;line-height:1.8rem;font-size:1.2384rem;color:#000000;border-bottom:1px solid #A3BAC6;top:-50px;}
	
	
.cuadroCentral #formaContactos { 
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center
}
#imagenTMK #infoContactos{clear: both; margin-left: 5%; width: 70%;height: auto; float: left}
#imagenTMK #redesSoc{margin: 0 auto; width: 10%;float: left;  }
	
	#TMK{width: 65%}
	
	#footer  #testimonios{
	clear: both;
	width: 80%;
	height: auto;
	text-align: center;
	background: #f0f3f5;  
 }

#formaContactos #formulario{
	clear: both;
	margin: 0 auto;
	float:left;
	width: 100%;
	height:auto;
}

#formaContactos #imagenTMK{
	clear: both;
	margin: 0 auto;
	float: left;
	width: 100%;
}

	
.cuadroCentral #footer { 
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 47rem;
	text-align: center;
	border-bottom:1px solid #A3BAC6;
	background: #f0f3f5;
} 

#footer #ubicyTestim{
	margin: 0 auto;
	float: none;
	width: 90%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#ubic{width: 90%}
#footer #ubicacion{
	clear: both;
	margin: 0 auto;
	float: none;
	width: 90%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#footer  #testimonios{
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 15rem;
	text-align: center;
	background: #f0f3f5;
}	

#testimonios #testimonio1{
	float: left;
	height:14rem;
	width:25%;
	margin-left:20%;
	margin-right: 0.3%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}

#testimonios #testimonio2{
	float: left;
	height:14rem;
	width:25%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}
	
.copy{
	clear: both;
	top: 1em;
	text-align:center;            
    font-size: 9px;
}
	
	/****    Galería     ****/

#acomodar{
	clear:both;
	width:98%;
	margin:0 auto;
	}
	
    

#acomodarCursos{
	width: 99%;
	margin: 0 auto;
	float: none;
	text-align: center;
}

#cursosPrincipal{
	clear:both;
	width:100%;
	margin:0 auto;
	}

.cursos{widt:45%}

#navbar li {
 display: flex;
	font-size: 10px;
  justify-content: center;
}
	
	/* Responsive iFrame */
 .responsive-iframe-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

/*.celdap2{

width: 170px;
text-align:left;
}*/
	
#barra, #respBarra{
	width: 100%;
	margin: 0 auto;
	text-align:center 
}

#cuadroCapacitacion
{
	width: 95%;
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-top:40px;
	height: auto;
}

.imglinea_pres {
	width: 95%;
	float: none;
	margin: 0 auto;
	text-align: center;
}

.izqCorona{text-align:left}

}
/* Calendario */

 @media (max-width: 550px) {
     .big-container {
         display: none;
     }
 }
 @media (min-width: 550px) {
     .small-container {
         display: none;
     }
 }
 



/*.p22{
	width: 170px;
	font-size: 14px;
	margin-left:5px; 
	margin-top:2px;
}*/



/******************************** 444444   **********************************/
@media (max-width: 579px){ 
	
 body {
	width: 100%; 
	margin: 0 auto;
	float: none;
	text-align: center;
	}
	
#navbar li {
 	display: flex;
	font-size: 10px;
  justify-content: center;
}
	
	#info{
	width: 100%;
	height: auto;
	background-color: #000000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding:0 0 0 0;
}
	
#logo{
	width: 45%; 
	margin: 0 auto;
	float: none;
	text-align: center;
	height: auto;
}

#ieds{
	width: 50%;
	margin:0 auto;
}



#menu{
	width: 100%; 
	margin: 0 auto;
	float: none;
	text-align: center;font-size: 10px;
}
	
#menu #navbar{
	display: inline-block;
	text-align: center;
	font-size:16px;
}	  

#navbar li a {
	display: block; /* Usamos display block para poder aplicar propiedades de caja a links*/ 
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	
}

	
   .cuadroCentral #cuadros{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width: 90%;
	height: 310px;
	border-bottom:1px solid #A3BAC6;
}
	
	#cuadros #sidebar1, #sidebar2, #sidebar3, #sidebar4  {
	float: left;
	text-align: center;
	max-width: 25%;
	max-height: 300px;
}
	
#sidebar1 #cuadro1{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}
#sidebar2 #cuadro2{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}
#sidebar3 #cuadro3{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}
#sidebar4 #cuadro4{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 300px;}

.cuadroCentral #infoIEDS{margin: 0 auto; float: none; clear: both; width:95%; height: auto; text-align:center;line-height:1.5rem;font-size:1.2384rem;color:#000000;border-bottom:1px solid #A3BAC6;top:-50px;}
	
	
.cuadroCentral #formaContactos { 
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center
}
	
#contactform{
width: 380px;
margin: 3px auto; /* 30px auto */
margin-top:50px;
background:  #fafafa;
overflow: hidden;
border:1px solid;
border-bottom:3px solid;
border-color: #37a0f3;

opacity: 0.8;

-moz-opacity: 0.8;

filter: alpha(opacity=80);

-khtml-opacity: 0.8;

}

	
#imagenTMK #infoContactos{clear: both; margin-left: 10%; width: 64%;height: auto; float: left;font-size:12px}
#imagenTMK #redesSoc{margin: 0 auto; width: 12%;float: left;  }
	
	#TMK{width: 70%}
	
	#footer  #testimonios{
	clear: both;
	width: 80%;
	height: auto;
	text-align: center;
	background: #f0f3f5;  
 }

#formaContactos #formulario{
	clear: both;
	margin: 0 auto;
	float:left;
	width: 100%;
	height:auto;
}

#formaContactos #imagenTMK{
	clear: both;
	margin: 0 auto;
	float: left;
	width: 100%;
}

	
.cuadroCentral #footer { 
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 47rem;
	text-align: center;
	border-bottom:1px solid #A3BAC6;
	background: #f0f3f5;
} 

#footer #ubicyTestim{
	margin: 0 auto;
	float: none;
	width: 95%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#ubic{width: 98%}
#footer #ubicacion{
	clear: both;
	margin: 0 auto;
	float: none;
	width: 100%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#footer  #testimonios{
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 17rem;
	text-align: center;
	background: #f0f3f5;
}	

#testimonios #testimonio1{
	float: left;
	height:16rem;
	width:27%;
	margin-left:18%;
	margin-right: 0.3%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}

#testimonios #testimonio2{
	float: left;
	height:16rem;
	width:27%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}
	
.copy{
	clear: both;
	top: 1em;
	text-align:center;            
    font-size: 9px;
}
	
	/****    Galería     ****/

#acomodar{
	clear:both;
	width:99%;
	margin:0 auto;
	float: none;
	text-align: center;
	}
	
#acomodarCursos{
	width: 99%;
	margin: 0 auto;
	float: none;
	text-align: center;
}
	
#cursosPrincipal{
	clear:both;
	width:100%;
	margin:0 auto;
	}

.cursos{widt:45%}

	
	.contenedorfoto {
	float: left;
	width: 45%;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	height: auto;
}
	
#cuadroCapacitacion
{
	width: 95%;
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-top:40px;
	height: auto;
	
	
}

.imglinea_pres {
	width: 95%;
	float: none;
	margin: 0 auto;
	text-align: center;
}

.izqCorona{text-align:left}
	
/*****   Temarios *****/
#ObCalIns #objDur{clear: both; float: right; width: 100%;height: auto;text-align: left}
#ObCalIns #verCal{clear: both; margin-left: 20%; float: left; width: 33%;height: auto;}
#ObCalIns #inscrib{float: right;width: 33%;height: auto;margin-right: 10px}
.icono{float:left;width: 20%;margin-top: -1px}
	

 }


/****************************** 55555 **********************************************/

@media (max-width: 409px){ 
	
 body {
	width: 100%; 
	margin: 0 auto;
	float: none;
	text-align: center;
	}
	
	#info{
	width: 100%;
	height: auto;
	background-color: #000000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding:0 0 0 0;
}
	
#logo{
	width: 50%; 
	margin: 0 auto;
	float: none;
	text-align: center;
	height: auto;
}

#ieds{
	width: 50%;
	margin:0 auto;
}



#menu{
	width: 100%; 
	margin: 0 auto;
	float: none;
	text-align: center;font-size: 14px;
}
	
#menu #navbar{
	display: inline-block;
	text-align: center;
	font-size:14px;
}	  

#navbar li a {
	display: block; /* Usamos display block para poder aplicar propiedades de caja a links*/ 
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

	
   .cuadroCentral #cuadros{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width: 90%;
	height: 300px;
	border-bottom:1px solid #A3BAC6;
}
	
	#cuadros #sidebar1, #sidebar2, #sidebar3, #sidebar4  {
	float: left;
	text-align: center;
	max-width: 25%;
	max-height: 290px;
}
	
#sidebar1 #cuadro1{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 290px;}
#sidebar2 #cuadro2{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 290px;}
#sidebar3 #cuadro3{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 290px;}
#sidebar4 #cuadro4{margin: 0 auto;float: none; text-align: center;
					width: 95%;height: 290px;}

.cuadroCentral #infoIEDS{margin: 0 auto; float: none; clear: both; width:95%; height: auto; text-align:center;line-height:1.5rem;font-size:0.8rem;color:#000000;border-bottom:1px solid #A3BAC6;}
	
	
.cuadroCentral #formaContactos { 
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center
}
	
#contactform{
width: 320px;
margin: 1px auto; /* 30px auto */
margin-top:50px;
background:  #fafafa;
overflow: hidden;
border:1px solid;
border-bottom:1px solid;
border-color: #37a0f3;

opacity: 0.8;

-moz-opacity: 0.8;

filter: alpha(opacity=80);

-khtml-opacity: 0.8;

}

	
#imagenTMK #infoContactos{clear: both; margin-left: 10%; width: 64%;height: auto; float: left;font-size:12px}
#imagenTMK #redesSoc{margin: 0 auto; width: 12%;float: left;  }
	
	#TMK{width: 70%}
	
	#footer  #testimonios{
	clear: both;
	width: 80%;
	height: auto;
	text-align: center;
	background: #f0f3f5;  
 }

#formaContactos #formulario{
	clear: both;
	margin: 0 auto;
	float:left;
	width: 100%;
	height:auto;
}

#formaContactos #imagenTMK{
	clear: both;
	margin: 0 auto;
	float: left;
	width: 100%;
}

	
.cuadroCentral #footer { 
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 47rem;
	text-align: center;
	border-bottom:1px solid #A3BAC6;
	background: #f0f3f5;
} 

#footer #ubicyTestim{
	margin: 0 auto;
	float: none;
	width: 95%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#ubic{width: 98%}
#footer #ubicacion{
	clear: both;
	margin: 0 auto;
	float: none;
	width: 100%;
	height: auto;
	text-align: center;
	background: #f0f3f5;
}

#footer  #testimonios{
	margin: 0 auto;
	float: none;
	width: 100%;
	height: 17rem;
	text-align: center;
	background: #f0f3f5;
}	

#testimonios #testimonio1{
	float: left;
	height:16rem;
	width:35%;
	margin-left:15%;
	margin-right: 0.3%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}

#testimonios #testimonio2{
	float: left;
	height:16rem;
	width:35%;
	background: #98a0a6;
	border:0;border-radius:1rem 1rem 1rem 1rem;
/*	background:rgb(152,160,166);opacity:1;
*/}
	
.copy{
	clear: both;
	top: 1em;
	text-align:center;            
    font-size: 9px;
}
	
		/****    Galería     ****/

#acomodar{
	clear:both;
	width:98%;
	margin:0 auto;
	}
	
.contenedorfoto {
	clear: both;
	width: 95%;
	margin: 0 auto;
	float: none;
	text-align: center;
	margin-bottom: 5px;
}

#acomodarCursos{
	width: 99%;
	margin: 0 auto;
	float: none;
	text-align: center;
}
	
#cursosPrincipal{
	clear:both;
	width:100%;
	margin:0 auto;
	}


	
#navbar li {
 display: flex;
	font-size: 10px;
  justify-content: center;
}
	
#cuadroCapacitacion
{
	width: 95%;
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-top:40px;
	height: auto;
	
	
}
	
.imglinea_pres {
	width: 95%;
	float: none;
	margin: 0 auto;
	text-align: center;
}	

.izqCorona{text-align:left}
  
	.cursos{width:17%}
	
	
	
 }